home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / form-val.izs < prev    next >
Text File  |  2005-09-28  |  6KB  |  243 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Form Validation
  4.  
  5. <!/TITLE>
  6.  
  7. <!DESCRIPTION> Use JavaScript to ensure that all elements of a form are properly filled out before they can be mailed to you. This definitely saves me from getting a lot of junk mail.... <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Forms<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13.  
  14. <!-- HOW TO INSTALL FORM VALIDATION:
  15.  
  16.    1.  Paste the first coding into the HEAD of your HTML document
  17.    2.  Put the last code into the BODY of your HTML document  -->
  18.  
  19. <!-- STEP ONE: Copy this code into the HEAD your HTML document  -->
  20.           
  21. <HEAD>
  22.  
  23. <SCRIPT LANGUAGE="JavaScript">
  24.  
  25.  
  26.  
  27. <!-- Begin
  28. function getCookie(name){
  29. var cname = name + "=";               
  30. var dc = document.cookie;             
  31. if (dc.length > 0) {              
  32. begin = dc.indexOf(cname);       
  33. if (begin != -1) {           
  34. begin += cname.length;       
  35. end = dc.indexOf(";", begin);
  36. if (end == -1) end = dc.length;
  37. return unescape(dc.substring(begin, end));
  38. } 
  39. }
  40. return null;
  41. }
  42. function setCookie(name, value) {
  43. var now = new Date();
  44. var then = new Date(now.getTime() + 31536000000);
  45. document.cookie = name + "=" + escape(value) + "; expires=" + then.toGMTString() + "; path=/";
  46. }
  47. function getInfo(form) {
  48. form.info.value = "Browser Information: " + navigator.userAgent;
  49. }
  50. function getValue(element) {
  51. var value = getCookie(element.name);
  52. if (value != null) element.value = value;
  53. }
  54. function setValue(element) {
  55. setCookie(element.name, element.value);
  56. }
  57. function fixElement(element, message) {
  58. alert(message);
  59. element.focus();
  60. }
  61. function isMailReady(form) {
  62. var passed = false;
  63. if (form.fullname.value == "") {
  64. fixElement(form.fullname, "Please include your name.");
  65. }
  66. else if (form.email.value.indexOf("@") == -1 ||
  67. form.email.value.indexOf(".") == -1) {
  68. fixElement(form.email, "Please include a proper email address.");
  69. }
  70. else if (form.message.value == "") {
  71. fixElement(form.message, "Please include a message.");
  72. }
  73. else {
  74. getInfo(form);
  75. passed = true;
  76. }
  77. return passed;
  78. }
  79. // End -->
  80. </SCRIPT>
  81.  
  82. <!-- STEP TWO: Add code into BODY section of document  -->
  83.  
  84. <BODY>
  85.  
  86. <CENTER>
  87. <FORM NAME = "mail" ACTION = "mailto:youremailaddress.com" METHOD = "POST" ENCTYPE = "text/plain" onSubmit = "return isMailReady(this);">
  88. <INPUT TYPE = "hidden" NAME = "info">
  89. <TABLE BORDER = 0 CELLPADDING = 5 CELLSPACING = 0>
  90. <TR>
  91. <TD>
  92. Your Name:
  93. <P>
  94. <INPUT TYPE = "TEXT" NAME = "fullname" onFocus = "getValue(this)" onBlur = "setValue(this)"> 
  95. </TD>
  96. <TD>
  97. Your Email Address:
  98. <P>
  99. <INPUT TYPE = "TEXT" NAME = "email" onFocus = "getValue(this)" onBlur = "setValue(this)">
  100. </TD>
  101. </TR>
  102. <TR>
  103. <TD COLSPAN = "2">
  104. Enter your Message:
  105. <P>
  106. <TEXTAREA ROWS = "8" COLS = "38" NAME = "message">
  107. </TEXTAREA>
  108. </TD>
  109. </TR>
  110. <TR>
  111. <TD COLSPAN = "2">
  112. <INPUT TYPE = "SUBMIT" VALUE = " Submit ">
  113. <INPUT TYPE = "RESET" VALUE = " Cancel ">
  114. </TD>
  115. </TR>
  116. </TABLE>
  117. </FORM>
  118. </CENTER>
  119.  
  120.  
  121.  
  122.  
  123. <!-- END OF SCRIPT -->
  124. <!/SCRIPT>
  125.  
  126. <!PREVIEW>
  127. <!-- START OF SCRIPT -->
  128.  
  129.  
  130. <!-- HOW TO INSTALL FORM VALIDATION:
  131.  
  132.    1.  Paste the first coding into the HEAD of your HTML document
  133.    2.  Put the last code into the BODY of your HTML document  -->
  134.  
  135. <!-- STEP ONE: Copy this code into the HEAD your HTML document  -->
  136.           
  137. <HEAD>
  138.  
  139. <SCRIPT LANGUAGE="JavaScript">
  140.  
  141.  
  142.  
  143. <!-- Begin
  144. function getCookie(name){
  145. var cname = name + "=";               
  146. var dc = document.cookie;             
  147. if (dc.length > 0) {              
  148. begin = dc.indexOf(cname);       
  149. if (begin != -1) {           
  150. begin += cname.length;       
  151. end = dc.indexOf(";", begin);
  152. if (end == -1) end = dc.length;
  153. return unescape(dc.substring(begin, end));
  154. } 
  155. }
  156. return null;
  157. }
  158. function setCookie(name, value) {
  159. var now = new Date();
  160. var then = new Date(now.getTime() + 31536000000);
  161. document.cookie = name + "=" + escape(value) + "; expires=" + then.toGMTString() + "; path=/";
  162. }
  163. function getInfo(form) {
  164. form.info.value = "Browser Information: " + navigator.userAgent;
  165. }
  166. function getValue(element) {
  167. var value = getCookie(element.name);
  168. if (value != null) element.value = value;
  169. }
  170. function setValue(element) {
  171. setCookie(element.name, element.value);
  172. }
  173. function fixElement(element, message) {
  174. alert(message);
  175. element.focus();
  176. }
  177. function isMailReady(form) {
  178. var passed = false;
  179. if (form.fullname.value == "") {
  180. fixElement(form.fullname, "Please include your name.");
  181. }
  182. else if (form.email.value.indexOf("@") == -1 ||
  183. form.email.value.indexOf(".") == -1) {
  184. fixElement(form.email, "Please include a proper email address.");
  185. }
  186. else if (form.message.value == "") {
  187. fixElement(form.message, "Please include a message.");
  188. }
  189. else {
  190. getInfo(form);
  191. passed = true;
  192. }
  193. return passed;
  194. }
  195. // End -->
  196. </SCRIPT>
  197.  
  198. <!-- STEP TWO: Add code into BODY section of document  -->
  199.  
  200. <BODY>
  201.  
  202. <CENTER>
  203. <FORM NAME = "mail" ACTION = "mailto:youremailaddress.com" METHOD = "POST" ENCTYPE = "text/plain" onSubmit = "return isMailReady(this);">
  204. <INPUT TYPE = "hidden" NAME = "info">
  205. <TABLE BORDER = 0 CELLPADDING = 5 CELLSPACING = 0>
  206. <TR>
  207. <TD>
  208. Your Name:
  209. <P>
  210. <INPUT TYPE = "TEXT" NAME = "fullname" onFocus = "getValue(this)" onBlur = "setValue(this)"> 
  211. </TD>
  212. <TD>
  213. Your Email Address:
  214. <P>
  215. <INPUT TYPE = "TEXT" NAME = "email" onFocus = "getValue(this)" onBlur = "setValue(this)">
  216. </TD>
  217. </TR>
  218. <TR>
  219. <TD COLSPAN = "2">
  220. Enter your Message:
  221. <P>
  222. <TEXTAREA ROWS = "8" COLS = "38" NAME = "message">
  223. </TEXTAREA>
  224. </TD>
  225. </TR>
  226. <TR>
  227. <TD COLSPAN = "2">
  228. <INPUT TYPE = "SUBMIT" VALUE = " Submit ">
  229. <INPUT TYPE = "RESET" VALUE = " Cancel ">
  230. </TD>
  231. </TR>
  232. </TABLE>
  233. </FORM>
  234. </CENTER>
  235.  
  236.  
  237.  
  238.  
  239. <!-- END OF SCRIPT -->
  240. <!/PREVIEW>
  241.  
  242. <!RELATED>NONE<!/RELATED>
  243.